.full-loading.out {
  filter: blur(10px);
  backdrop-filter: saturate(180%) blur(15px);
  opacity: 0;
  transition: .7s;
}


.full-loading {
  width: 100vw;
  position: fixed;
  z-index: 9999;
  height: 100vh;
  background-color: rgba(51, 51, 51, 0.527);
  overflow: hidden;
  box-sizing: border-box;
  display: grid;
  place-items: center;

  .content {
    img {
      margin: 10px;
      width: 140px !important;
    }

    h2 {
      font-size: bold;
      font-size: 16px;
      color: #fff;
      font-family: oppo;
      text-align: center;
      position: relative;

      &::after {
        width: 100px;
        padding: 0 5px;
        content: '';
        color: #fff;
        animation: 1s load infinite alternate;
      }
    }

    @keyframes load {
      20% {
        content: '.';
      }

      60% {
        content: '..';

      }

      100% {
        content: '...';
      }
    }
  }
}